<template>
  <div v-if="structData.datas !== undefined && structData.datas.length > 0">
    <el-row :class="structData.dataLayOut === '1' ? 'ne-col2-gutter-15' : ''">
      <el-col
        v-for="(struct, indexAB) in structData.datas"
        :span="structData.dataLayOut === '1' ? 12 : 24"
        class="line"
        :key="indexAB"
      >
        <el-row>
          <el-col :span="24" class="line">
            <h4 class="ne-inen-title">
              <span>{{ struct.structName }}</span>
            </h4>
          </el-col>
          <PPMForm :structData="struct" :formData="formData"> </PPMForm>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "ppmData",
  props: {
    formData: {
      type: Object,
    },
    structData: {
      type: Object,
    },
    spanNum: {
      type: Number,
      default: 24,
    },
  },
  data() {
    return {};
  },
  components: {
    PPMForm: () => import("./ppmForm"),
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style>
</style>